.button
{
    float:left;
    width:12%;
    height:100%;
    margin:auto;
    color: #246183;
    position: relative;
    margin-left: 0.1rem;
    margin_right:0.1rem;
    margin-top: 2.3rem;
}
.remember
{
    position: absolute;
    left: 14px;
    top: 5px;
    cursor: pointer;
    z-index: 1;
    opacity: .01;
}
.remember:checked+.checkbox {
    background: #146fdf url("https://ui.ptlogin2.qq.com/style/8/images/checked.png") 1px 1px;
    border-color: #146fdf;
}

.remember+.checkbox {
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 9px;
    top: 1px;
    border: 1px solid #9abbe3;
    background: 0;
    border-radius: 11px;
}
.contextbody{
    height: 100%;
    width: 100%;
    overflow: auto;
    background: #F5F6F8;
}
.block{
    margin-bottom: 1px;
    padding: 2%;
    width: 100%;
    height: 14%;
    background-color:#F4F6F7;
    float: left;
}
.left{
    float: left;
    width:23%;
    height: 100%;
}
.image{
    margin-top: 20%;
    width: 80%;
    height: 80%;
    overflow: hidden;
    border-radius: 50%;
    display:inline-block;
}
ul{
    float: left;
    width: 45%;
    height: 12%;
    padding:0;
    padding-top: 2%;
    margin: 0;
}
.name{
    font-size: 1.0rem;
    font-weight: 800;
    letter-spacing: 1px;
    margin-top: 1px;
}

.content_center li{
    font-weight: 300;
    font-size: 0.5rem;
    color: gray;
    letter-spacing: 1px;
    margin: 1px;
    margin-left: 2px;
    list-style-type: none;
}
.content_center span{
    font-weight: 300;
    font-size: 0.5rem;
    color: coral;
}
.content_center p{
    padding-right: 8px;
    display:inline;
}
.smallpic{
    width:0.8rem;
    height:0.8rem;
    margin-right: 0.2rem;
    color:orange;
}


.line{
    font-weight: 300;
    font-size: 0.5rem;
    color: gray;
    letter-spacing: 1px;
    margin: 1px;
    margin-left: 2px;
    padding-bottom: 2px;
    border-bottom:1px solid #D3D3D3;
    filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity:0.5; /*Firefox私有，透明度50%*/
    opacity:0.5;/*其他，透明度50%*/
}
.right{
    float: left;
    width: 23%;
    height: 100%;
    text-align: center;
    margin-left: 1rem;
}
.right p{
    margin-bottom: 0;
    margin-top: 1rem;
}
.teleconsult_Button{
    width:4.5rem;
    height:1.8rem;
    border-radius: 0.8rem;
    color:white;
    text-align: center;
    letter-spacing: 1px;
    font-size: 0.8rem;
    font-family: "Microsoft YaHei","微软雅黑", verdana, sans-serif;
    font-weight: 200;
    background-color:#7AD872;
    border:0px;
    display: block;

}
.identify_Button{
    width:4.5rem;
    height:1.8rem;
    border-radius: 0.8rem;
    color:white;
    text-align: center;
    letter-spacing: 1px;
    font-size: 0.8rem;
    font-family: "Microsoft YaHei","微软雅黑", verdana, sans-serif;
    font-weight: 200;
    background-color:#59BFFF;
    border:0px;
    display: block;
}
/*<div class="block">
    <div class="left">
        <img src="实验.jpg" class="image" />
    </div>
    <div class="center">
        <label class="name">百变小樱</label>
        <p>预约<span>299</span>次</p>
        <p class="line"><label>高级技师</label>十年工龄</p>
        <p >专修某某</p>
    </div>
    <div class="right">
        <p class"top"><input type="submit" class="teleconsult_Button" value="电话咨询" /></p>
        <p class"bottom"><input type="submit" class="identify_Button" value="确认师傅" /></p>
    </div>
</div> */
.selectbutton{
    position: absolute;
    top:5%;
    left:75%;
}
.e_id{
    display: none;
}